// 基础页面视图
.view-basic {
  width: 100vw;
  min-height: 100vh;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
}

.view-flex-simple:extend(.view-basic) {
  display: flex;
  flex-direction: column;
}

.view-flex:extend(.view-flex-simple) {
  align-items: center;
}

.view-flex-white:extend(.view-flex) {
  background-color: @white;
}

// 单页面视图
.view-single {
  width: 100vw;
  min-height: 100vh;
  position: relative;
  overflow: hidden;
}

.view-flex-single-simple:extend(.view-single) {
  display: flex;
  flex-direction: column;
}

.view-flex-single:extend(.view-flex-single-simple) {
  align-items: center;
}

.view-flex-single-white:extend(.view-flex-single) {
  background-color: @white;
}
